<template>
  <div class="about">
    <img :src="$route.query.img" alt="">
    <span>￥<em>{{$route.query.price}}</em>.00</span>
    <p>{{$route.query.cont}}</p>

    <van-action-bar>
      <van-action-bar-icon icon="chat-o" text="客服" />
      <van-action-bar-icon icon="shop-o" text="店铺"/>
      <van-action-bar-icon icon="cart-o" text="购物车" @click="$router.push('/cart')" :badge="$store.getters.count" />
      <van-action-bar-button type="warning" text="加入购物车" />
      <van-action-bar-button type="danger" text="立即购买" />
    </van-action-bar>
  </div>
</template>
<script>
export default {
  setup() {
  }
}
</script>
<style lang="scss" scoped>
  img {
    width: 100%;
    height: auto;
  }
  span {
    color: #d00000;
    font-size: 14px;
    padding-left: 15px;
    em {
      font-size: 30px;
      font-style: normal;
    }
  }

  p {
    padding-left: 15px;
    font-weight: bold;
  }
</style>